<div class="content-wrapper" style="min-height: 976px;">
<!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        社团申请
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
          <li><a ui-sref="index.associationInfo({uid:association.uid})"><i class="fa fa-dashboard"></i> 社团信息</a></li>
        <li class="active">社团申请</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="row">
        <!-- column -->
        <div class="col-md-12">
          <!-- general form elements -->
          <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">社团申请</h3>
            </div>
            <!-- /.box-header -->
            <!-- form start -->
            <form method="get" class="form-horizontal" name="myForm">
              <div class="box-body">
                <div class="form-group">
                  <label class="col-sm-2 control-label">社团名称</label>
                  <div class="col-sm-6">
                    <input type="text" ng-model="association.name" class="form-control" readonly>
                  </div>
                </div>
                <div class="form-group">
                  <label for="inputRealName" class="col-sm-2 control-label"><span style="color: red">*</span>姓名</label>
                  <div class="col-sm-6">
                    <input type="text" ng-model="user.realName" class="form-control" id="inputRealName" placeholder="真实姓名" readonly>
                  </div>
                </div>
                <div class="form-group">
					<label class="col-sm-2 control-label"><span style="color: red">*</span>年级</label>
					<div class="col-sm-6">
			 			<select class="form-control" ng-model="user.grade" readonly>
			 				<option  value="大一">大一</option>
			 				<option  value="大二">大二</option>
			 				<option  value="大三">大三</option>
			 				<option  value="大四">大四</option>
			 				<option  value="本科以上">本科以上</option>
						</select>
					</div>
				</div>
                <div class="form-group">
                  <label for="inputInstitute" class="col-sm-2 control-label"><span style="color: red">*</span>学院</label>
                  <div class="col-sm-6">
                    <input type="text" ng-model="user.institute" class="form-control" id="inputInstitute" placeholder="学院" readonly>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label"><span style="color: red">*</span>性别</label>
                  <div class="col-sm-6">
                    <div class="col-sm-4">
                      <input type="radio" ng-model="user.gender" name="gender" value="1" ng-required="true" disabled> &nbsp;♂ &nbsp;
                    </div>
                    <div class="col-sm-4">
                      <input type="radio" ng-model="user.gender" name="gender" value="2" ng-required="true" disabled> &nbsp;♀ &nbsp;
                    </div>
                  </div>
                </div>
                <div class="form-group">
                  <label for="inputCardId" class="col-sm-2 control-label"><span style="color: red">*</span>学号/工号</label>
                  <div class="col-sm-6">
                    <input type="text" ng-model="user.cardId" class="form-control" id="inputCardId" ng-required="true">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label"><span style="color: red">*</span>申请理由</label>
                  <div class="col-sm-6">
                    <input type="textarea" ng-model="description" class="form-control" id="inputCardId" placeholder="申请理由" ng-required="true">
                  </div>
                </div>
              </div>

              <!-- /.box-body -->
              <div class="box-footer">
                <button class="btn btn-primary col-sm-4 col-sm-offset-3" ng-click="save()" ng-disabled="myForm.$invalid">提交申请</button>
              </div>
            </form>
          </div>
          <!-- /.box -->
        </div>
        <!--/.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
</div>
<!-- 保存弹出框 -->
<div class="modal" id="sure" aria-labelledby="myModalLabel" aria-hidden="true" style="overflow-x: hidden; overflow-y: auto;">
    <div class="modal-dialog">
        <div class="panel panel-default">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3>确定</h3>
            </div>
            <div class="modal-body">
                <p>确定提交？</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" ng-click="submits('save');">是</button>
                <button type="button" class="btn btn-primary" ng-click="submits('cancel');">否</button>
            </div>
        </div>
    </div>
</div>